{#{% load static %}<!DOCTYPE html>#}
{#<html>#}
{#<head><!-- code suppressed for brevity --></head>#}
{#<body>#}
{#<div class="container">#}
{#<ol class="breadcrumb my-4">#}
{#<li class="breadcrumb-item">#}
{#    <a href="{% url 'Home' %}">Boards</a>#}
{#</li>#}
{#<li class="breadcrumb-item active">{{ board.name }}</li>#}
{#</ol>#}
{#</div>#}
{#</body>#}
{#</html>#}


{#{% extends 'base.html' %}#}
{#{% block title %}#}
{#{{ board.name }} - {{ block.super }}#}
{#{% endblock %}#}
{#{% block breadcrumb %}#}
{#<li class="breadcrumb-item">#}
{#    <a href="{% url 'Home' %}">Boards</a>#}
{#</li>#}
{#<li class="breadcrumb-item active">#}
{#    {{ board.name }}#}
{#</li>#}
{#{% endblock %}#}
{#{% block content %}#}
{##}
{#{% endblock %}#}



{% extends 'base.html' %}
{% block title %}
{{ board.name }} - {{ block.super }}
{% endblock %}
{% block breadcrumb %}
<li class="breadcrumb-item">
    <a href="{% url 'Home' %}">
        Boards
    </a>
</li>
<li class="breadcrumb-item active">
    {{ board.name }}
</li>
{% endblock %}

{% block content %}
<div class="mb-4">
    <a href="{% url 'new_topic' board.pk %}" class="btn btn-primary">
        New topic
    </a>
</div>
<table class="table">
    <thead class="thead-inverse">
        <tr>
            <th>Topic</th>
            <th>Starter</th>
            <th>Replies</th>
            <th>Views</th>
            <th>Last Update</th>
        </tr>
    </thead>
<tbody>
{% for topic in topics %}
    <tr>
        <td>
            <a href="{% url 'topic_posts' board.pk topic.pk %}">
                {{ topic.subject }}
            </a>
        </td>
        <td>{{ topic.starter.username }}</td>
        <td>{{ topic.replies }}</td>
        <td>{{ topic.views }}</td>
        <td>{{ topic.last_updated }}</td>
    </tr>
{% endfor %}
</tbody>
</table>
{% endblock %}